<template>
  <div class="box">
    <el-form-item label="是否展示">
      <el-switch v-model="splitLine.show"> </el-switch>
    </el-form-item>
    <el-form-item label="颜色">
      <el-color-picker show-alpha v-model="splitLine.lineStyle.color">
      </el-color-picker>
    </el-form-item>
    <el-form-item label="线宽">
      <el-input-number
        v-model="splitLine.lineStyle.width"
        :max="99"
        :min="0"
        :step="1"
      >
      </el-input-number>
    </el-form-item>
    <el-form-item label="类型">
      <el-select v-model="splitLine.lineStyle.type" placeholder="请选择类型">
        <el-option label="实线" value="solid"></el-option>
        <el-option label="虚线" value="dashed"></el-option>
        <el-option label="点线" value="dotted"></el-option>
      </el-select>
    </el-form-item>
  </div>
</template>

<script>
export default {
  name: 'SplitLine',
  inject: ['father'],
  computed: {
    splitLine: {
      get() {
        return this.father.echartsOptions.xAxis.splitLine;
      },
      set(val) {
        this.father.echartsOptions.xAxis.splitLine = val;
      }
    }
  },
  mounted() {},
  methods: {}
};
</script>

<style scoped>
</style>